<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="./include/tag.jsp" %>

<!DOCTYPE html>
<html lang="zh">
<head>
    <title>同行学院</title>
    <link rel="stylesheet" href="${ctx}/css/ui/aboutOle.css">
    <%@include file="./include/commonFile.jsp" %>
    <link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet">
    <script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
    <link rel="stylesheet" href="${ctx}/css/libs/animate.css"/>
    <link rel="stylesheet" href="${ctx}/static/jquery.flexslider/flexslider.css"/>
</head>
<body style="min-width: 1000px;">
<!--头部-->
<%@include file="./include/header2.jsp" %>

<%@include file="./include/banner.jsp" %>
<div class="about-ole-bd">
    <div class="ctn-mn wow fadeIn">
        <%--<img src="${ctx}/image/college/banner.jpg" style="width: 100%; height:540px;" alt="">--%>
        <div style="margin-top:60px;width:100%; height: 480px; background: url(${ctx}/image/college/banner2.jpg) center;"></div>
        <div style="position: absolute; min-width: 1000px;left: 50%; transform: translateX(-50%); height: 100%; top: 0px;">
            <%--<img src="${ctx}/image/college/title.png" style="float: left;width: 430px;margin-top:150px;" alt="">--%>
            <div style="float: right; display:inline-block; margin-top:90px; position: relative; cursor:pointer">
                <%--<img src="${ctx}/image/college/video.png" style="width: 510px;" class="img-btn" alt="">--%>
                <div style="width: 510px;height: 288px;" class="img-btn"></div>
                <div class="video-btn">
                    <div class="v-play"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="video-box">
    <span class="iconfont icon-close btn-close"></span>
    <video id="my-player" class="video-js" controls preload="auto" data-setup='{}'>
        <source src="http://tongxingzhe-10052192.file.myqcloud.com/video/TXXY.mp4" type="video/mp4"></source>
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a
            web browser that
            <a href="https://videojs.com/html5-video-support/" target="_blank">
                supports HTML5 video
            </a>
        </p>
    </video>
</div>
<!--内容-->
<div class="g-box ctn-mn wow fadeIn">
    <!--part1-->
    <div class="m-ct-hd h-170">
        <div class="hd-inner">
            <h1 class="hd-tt">同行学院</h1>
            <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
            <p class="hd-sub-tt">同行学院是专注于为CEO社群商业孵化与赋能，致力于社群商业研究，通过升级社群运作成功</p>
            <p class="hd-sub-tt">模式，结合深度咨询、课程培训、行业论坛、社群领袖研习社、社群孵化与投资，帮助众多组</p>
            <p class="hd-sub-tt">织及中小企业把握社群商业红利，赋能千万创业者。</p>
        </div>
    </div>
    <div class="ab-imgs">
        <img src="${ctx}/image/college/college.jpg" alt="">
    </div>
</div>
    <!--part2-->
<div class="g-box ctn-mn wow fadeIn">
    <div class="server">
        <img src="${ctx}/image/college/server.jpg" alt="">
        <div class="server-info">
            <div class="hd-inner">
                <h1 class="hd-tt c-white">服务生态</h1>
                <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
            </div>
            <ul class="ab-list">
                <li class="u-m-r">
                    <div>
                        <h3>社群商业研究</h3>
                        <p>社群商业形态分析、案例研究、社群商业资质认证，行业报告分析</p>
                    </div>
                </li>
                <li class="u-m-r">
                    <div>
                        <h3>社群培训</h3>
                        <p>社群实践培训、案例深度解析、社群商业管理模型培训</p>
                    </div>
                </li>
                <li>
                    <div>
                        <h3>社群咨询</h3>
                        <p>社群商业经营一对一把脉、社群商业策略方案社群经营落地方案</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="u-m-r">
                    <div>
                        <h3>社群行业论坛</h3>
                        <p>社群行业品牌事件打造社群行业榜单发布、社群行业论坛方案输出</p>
                    </div>
                </li>
                <li class="u-m-r">
                    <div>
                        <h3>社群研习社</h3>
                        <p>专注社群商业学习研究聚焦全球社群精英，打造社群专属圈层，把握行业发展方向</p>
                    </div>
                </li>
                <li>
                    <div>
                        <h3>社群孵化与投资</h3>
                        <p>致力于孵化最具潜力的社群商业，投资最具未来价值的社群品牌</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
    <div class="g-box ctn-mn wow fadeIn">
    <!--part3-->
    <div>
        <div class="m-ct-hd cus-hd">
            <div class="hd-inner">
                <h1 class="hd-tt">社群商业课程</h1>
                <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
            </div>
        </div>
        <div class="cus-info">
            <ul>
                <li>
                    <img src="${ctx}/image/college/course1.jpg" alt="">
                </li>
                <li>
                    <div>
                        <div class="f16">《社群商业进化论》</div>
                        <div class="f16">《同行学院社群商业实践从零到壹》</div>
                        <p>菁英课程主要针对对社群商业感兴趣，准备或正在进行社群经营的社会组织，中小企业家及高管，帮助该其迅速搭建社群商业认知框架，实现社群商业从零到壹的迅速推进</p>
                    </div>
                </li>
                <li>
                    <div>
                        <div class="f16">《同行学院社群管理全方案训练》</div>
                        <div class="f16">《同行学院社群商业迭代思维模块化训练》</div>
                        <div class="f16">《同行学院社群＋行业破局训练营》</div>
                        <div class="f16">《同行学院超级经典深度解读思维课》</div>
                        <div class="f16">《同行学院成功案例深度拆解应用训练》</div>
                        <p>领袖课程主要针对已具备一定的商业认知及商业理解能力，准备大幅提升自身社群管理能力和社群盈利变现水平的社会组织领袖、中小企业家及高管，帮助其迅速提升社群升级认知，打造核心能力，实现社群的飞速发展</p>
                    </div>
                </li>
                <li>
                    <img src="${ctx}/image/college/course2.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    </div>
    <!--part4-->
<div class="g-box ctn-mn wow fadeIn">
    <div>
        <div class="m-ct-hd cus-hd">
            <div class="hd-inner">
                <h1 class="hd-tt">社群商业解决方案</h1>
                <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
            </div>
        </div>
        <div class="method">
            <ul>
                <li>
                    <div>
                        <img src="${ctx}/image/college/method1.jpg" alt="">
                        <div class="md-info">企业家社群商业解决方案</div>
                    </div>
                    <p>针对商学院、商会、等企业家组织提供专业的企业家社群商业全方位解决方案，一对一详尽梳理，并通过同行者实现有效落地，帮助组织实现经营的超级增长</p>
                </li>
                <li>
                    <div>
                        <img src="${ctx}/image/college/method2.jpg" alt="">
                        <div class="md-info wth-145">行业“社群＋”商业解决方案</div>
                    </div>
                    <p>为需要进行”社群＋“的各行各业进行一对一深度把脉从思维提升，行业结合到落地实操搭建，多维度深度梳理，提供最全面有效的策略方案及解决方案，帮助各企业有效实现社群升级，实现新一轮的突破    </p>
                </li>
                <li>
                    <div>
                        <img src="${ctx}/image/college/method3.jpg" alt="">
                        <div class="md-info wth-181">企业组织社群经营团队提升方案</div>
                    </div>
                    <p>针对需要进行团队提升的企业组织提供最专业的社群管理及运营培训，帮助企业组织打造社群管理人才及运营人才特种部队，保证梯队的快速迭代成长，快速把握社群红利</p>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--底部-->
<%@include file="./include/footer1.jsp" %>
<script type="text/javascript" src="${ctx}/static/wow/wow.min.js"></script>
<script>
    var headNavIdx = 3
    var player
    $('.video-btn, .img-btn').click(function () {
        $('.video-box').show();
        player = videojs('my-player',{
        });
        player.play()
    })
    $('.btn-close').click(function () {
        $('.video-box').hide()
        player.pause()
    })
    wow = new WOW(
        {
            animateClass: 'animated',
            offset: 100,
            callback: function (box) {
                console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
            }
        }
    );
    wow.init();
</script>
</body>
</html>